<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" oninput="newhandleInput()">

   
</body>
</html>
<script>
    function handleInput(){
        console.log('输入发生改变,发起网络请求');
    }     
    function debounce( func, time ){
        var timerid = null
        return function(){
            if( timerid ){ 
                clearTimeout(timerid);
            }
            timerid = setTimeout(()=>{ 
                func();
            },time)
        }
    }
    var newhandleInput = debounce( handleInput, 300 )
</script>